<!DOCTYPE html>
<html>

<head>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/login.css" />
	<link rel="stylesheet" type="text/css" href="lib/Validform/css/style.css" />
	<!-- <script src="js/jquery/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script> -->

	<meta charset="utf-8">
	<title>小米账号-登录</title>
</head>

<body>
	<div class="logo">
		<div class="container">
			<a href="index.html">
				<img src="img/login/logo.png">
			</a>
		</div>
	</div>

	<div class="content">
		<div class="container clearfix">

			<div class="login-box bg-white fr">
				<ul class="login bg-white clearfix">
					<li class="account fl relative">
						<a href="#">账号登录</a>
						<div class="fl shu"></div>
					</li>

					<li class="ewm fl">
						<a href="#">扫码登录</a>
					</li>
				</ul>

				<ul class="cont bg-white">
					<li class="active account-box" id="form">
						<div class="form-box form-control">
							<form action="">
								<input class="account-input" placeholder="邮箱/手机号/小米ID" id="uname" />
								<input type="password" class="password-input" placeholder="密码" id="password" />
								<div class="acc"><img width="14" src=" img/login/tanhao.png">&nbsp;用户名或密码不正确</div>
								<button class="login-btn outline" type="button">登录</button>
							</form>
							<a href="#" class="phone">手机短信登录/注册</a>
							<div class="log bg-white clearfix">
								<div class="lgin fl">
									<a href="#">立即注册</a>
								</div>
								<div class="su fl "></div>
								<div class="forget fl">
									<a href="#">忘记密码？</a>
								</div>
							</div>
							<div class="other">
								<ul class="clearfix">
									<li class="qq fl">
										<a href="#none">
											<img src="img/login/icon-qq.png">
										</a>
									</li>
									<li class="weibo fl">
										<a href="#none">
											<img src="img/login/icon-weibo.png">
										</a>
									</li>
									<li class="zfb fl">
										<a href="#none">
											<img src="img/login/icon-zfb.png">
										</a>
									</li>
									<li class="wechat fl">
										<a href="#none">
											<img src="img/login/icon-wechat.png">
										</a>
									</li>
								</ul>
							</div>

						</div>
					</li>
					<li class="account-box">
						<div class="ewm-box">
							<p class="mi-phone">请使用小米手机/米家等小米旗下APP扫码登录</p>
							<img src="./img/index/ewm.png" alt="">
							<p class="mi-shop">使用<span>小米商城APP</span>扫一扫</p>
							<p class="mi-set">小米手机可打开「设置」>「小米帐号」扫码登录</p>
						</div>
					</li>
				</ul>

			</div>


		</div>
	</div>

	<div class="footer">
		<div class="container fz-14">
			<div class="harf ">
				<a href="#none">简体&nbsp; |&nbsp;</a>
				<a href="#none">繁体&nbsp; |&nbsp;</a>
				<a href="">English &nbsp;|&nbsp;</a>
				<a href="#none">常见问题&nbsp; |&nbsp;</a>
				<a href="#none">隐私政策</a>
			</div>
			<p>小米公司版权所有-京ICP备10046444- <a href="#none"><img
						src="img/login/ia_400000002.png">京公网安备11010802020134号</a>-京ICP证110507号</p>
		</div>
	</div>
	<script src="./js/jquery/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
	<!-- layer依赖jquery -->
	<script src="./lib/layer/layer.js"></script>

	<script src="./js/axios.js"></script>
	<script src="./js/login.js"></script>
</body>

</html>